﻿<!DOCTYPE  html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>注册</title>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <meta http-equiv="cache-control" content="no-cache, must-revalidate">
    <meta content="width=1200, initial-scale=1, maximum-scale=1, user-scalable=1" name="viewport">
    <link rel="stylesheet" type="text/css" th:href="@{../css/font-awesome.css}"/>
    <link rel="stylesheet" th:href="@{../css/login.css}">
</head>

<body>
<div id="M_layer_box" style="display: none;"></div>
<div id="sub-header">
    <div class="area clear_fix">
        <h1 class="logo">
            <a href="/">
                <img src="../images/newIndex/logo.png" alt="banner.img">
            </a>
        </h1>
    </div>
</div>

<!-- 内容主体 -->
<div class="m-content">
    <div class="m-content_mid">
        <div class="modal" id="modal" style="display: block;">

            <!-- 注册模块 -->
            <div class="modal-content signup" id="signup" style="display: block; margin-top: -35px;">
                <div class="separator reg_icon"></div>
                <form action="/register/doRegister" method="post" id="m-j-sign_form">

                    <div class="control-group">
                        <span class="phone_icon tel_icon"></span>
                        <input name="phone" id="sign_name" placeholder="建议使用常用手机号" class="inp_txt" type="text">
                        <p for="sign_name" class="invalid" style="display: none;">请输入符合格式的手机号</p>
                    </div>

                    <div class="control-group ">

                        <input name="m_imgYzm" id="sign_yzm" placeholder="请输入验证码" class="inp_txt inp_yzm" type="text">
                        <input id="J-m-img_hidden" name="m_imgId" value="8bc94f4b1bfc69247ca853f2cb453595"
                               type="hidden">
                        <img src="/validateCode?imgId=8bc94f4b1bfc69247ca853f2cb453595"
                             class="cur_pointer captcha_img" id="J-m-img" data-imgid="8bc94f4b1bfc69247ca853f2cb453595"
                             width="114" height="45" onclick="this.src='/validateCode?'+Math.random()">
                        <!--<span class="m_icon refurbish" id="J-m-button"></span>-->
                        <p for="sign_yzm" class="invalid" style="display: none;">图片验证码输入不正确</p>
                    </div>

                    <div class="control-group" style="display: block;">

                        <input name="vcode" id="sign_duanxin" placeholder="短信验证码" class="inp_txt inp_yzm"
                               type="text"><input value="获取验证码" class="gray_btn" id="tel_btn" type="button">
                        <p for="sign_duanxin" class="invalid" style="display: none;"></p>
                    </div>

                    <div class="control-group">
                        <span class="pw_icon pas"></span>
                        <input name="password" id="sign_pas" placeholder="请输入6-16位密码" class="inp_txt" type="password">
                        <p for="sign_pas" class="invalid" style="display: none;">请输入6-16位密码</p>

                    </div>

                    <div class="control-group">
                        <span class="pw_icon pas"></span>
                        <input name="password1" id="sign_pas_two" placeholder="请确认密码" class="inp_txt" type="password">
                        <p for="sign_pas_two" class="invalid" style="display: none;">请确认密码一致且符合格式</p>

                    </div>


                    <div class="control-group clearfix">
                        <input value="注 册" class="org_btn" id="signup_button" type="button">
                    </div><!--/control-group-->


                    <div class="control-group clearfix tc bottom">
                        已有账号？现在就 <a href="/login/index" id="toLogin" class="org">登录</a>
                    </div><!--/control-group-->
                </form>
            </div>
        </div>
    </div>
</div>
<div th:replace="common-footer :: #sub-footer"></div>
<script type="text/javascript" th:src="@{../js/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{../js/jquery.superslide.2.1.1.js}"></script>
<script type="text/javascript" th:src="@{../js/common.js}"></script>
<script type="text/javascript" th:src="@{../js/index.js}"></script>
<script th:src="@{../js/register.js}"></script>
</body>
</html>
